document.addEventListener("DOMContentLoaded", function () {  
    const navItems = document.querySelectorAll('.nav a');  

    navItems.forEach(item => {  
        item.addEventListener('click', function(event) {  
            event.preventDefault();

            // 隐藏所有内容  
            document.querySelector('.content1').style.display = 'none';  
            document.querySelector('.content2').style.display = 'none';  

            // 改变样式: 移除所有链接的 'cur' 类  
            navItems.forEach(nav => nav.classList.remove('cur'));  

            // 显示所选内容并添加 'cur' 类到当前选中的链接  
            if (this.id === 'b1') {  
                document.querySelector('.content1').style.display = 'block';  // 显示内容1  
                this.classList.add('cur');  // 设置 'cur' 类  
            } else if (this.id === 'b2') {  
                document.querySelector('.content2').style.display = 'block';  // 显示内容2  
                this.classList.add('cur');  // 设置 'cur' 类  
            }  
        });  
    }); 
    
    let currentPage = 1;  
    const itemsPerPage = 3;  
    const newsItems = document.querySelectorAll('.news-item');  
    const totalPages = Math.ceil(newsItems.length / itemsPerPage);  

    // 显示当前页面的新闻项  
    function displayItems(page) {  
        const start = (page - 1) * itemsPerPage;  
        const end = start + itemsPerPage;  

        newsItems.forEach((item, index) => {  
            item.style.display = (index >= start && index < end) ? 'flex' : 'none';  
        });  

        updateButtons();  
    }  

    // 更新分页按钮的状态  
    function updateButtons() {  
        document.querySelectorAll('.btn a').forEach((link) => {  
            const page = parseInt(link.getAttribute('data-page'));  
            link.classList.toggle('cur', page === currentPage);  
        });  

        const prevButton = document.querySelector('.pre-page');
        const nextButton = document.querySelector('.next-page');
        
        // 如果当前页是第一页，禁用前一页按钮
        if (currentPage === 1) {
            prevButton.classList.add('disabled');
            prevButton.style.cursor = 'not-allowed'; // 修改游标样式
        } else {
            prevButton.classList.remove('disabled');
            prevButton.style.cursor = 'pointer'; // 恢复游标样式
        }

        // 如果当前页是最后一页，禁用下一页按钮
        if (currentPage === totalPages) {
            nextButton.classList.add('disabled');
            nextButton.style.cursor = 'not-allowed'; // 修改游标样式
        } else {
            nextButton.classList.remove('disabled');
            nextButton.style.cursor = 'pointer'; // 恢复游标样式
        }
    }  

    // 上一页按钮点击事件  
    document.querySelector('.pre-page').addEventListener('click', () => {  
        if (currentPage > 1) {  
            currentPage--;  
            displayItems(currentPage);  
        }  
    });  

    // 下一页按钮点击事件  
    document.querySelector('.next-page').addEventListener('click', () => {  
        if (currentPage < totalPages) {  
            currentPage++;  
            displayItems(currentPage);  
        }  
    });  

    // 添加页码链接点击事件  
    document.querySelectorAll('.btn a').forEach(link => {  
        link.addEventListener('click', (event) => {  
            event.preventDefault(); // 防止链接跳转  
            currentPage = parseInt(link.getAttribute('data-page')); // 获取点击的页码  
            displayItems(currentPage); // 显示对应页的内容  
        });  
    });  

    // 初始化显示  
    displayItems(currentPage); 
     
    // 滑动效果
    const items = document.querySelectorAll('.news-item');  
    items.forEach((item, index) => {  
        setTimeout(() => {  
            item.classList.add('show'); // 添加类以触发动画  
        }, index * 500); // 每个项延迟500ms  
    });
});